<template>
	<view>
		<view class="nav-bar">
			<view class="bar-text" @click="goBack">
				<view class="align">

				</view>
				<text>返回</text>
			</view>
		</view>
		<view class="content">
			<view class="yanzheng">
				我们将发送验证码到您的手机
			</view>
			<view class="cont-ipt">
				<image src="/static/images/iphone.png" mode=""></image>
				<input type="text" placeholder="请输入手机号" v-model="iphone">
			</view>
			<view class="next" @click="next">
				下一步
			</view>
			<view class="login">
				已有账号？
				<text @click="login">登录</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				iphone: '',
			}
		},
		methods: {
			// 返回
			goBack() {
				uni.navigateTo({
					url: '/pages/login/login'
				})
			},
			// 登录
			login() {
				uni.navigateTo({
					url: '/pages/login/login'
				})
			},
			// 下一步
			next() {
				const phone = this.iphone; // 从数据属性中获取手机号
				if (!phone) {
					// 如果手机号未定义，显示错误消息（可选：也可以禁用按钮）
					uni.showToast({
						title: '请输入手机号',
						icon: 'none',
						duration: 2000
					});
					return; // 退出方法，不执行后续操作
				}
				if (/^1[3-9]\d{9}$/.test(phone)) {
					// 如果手机号有效，跳转到注册提交页面
					// 注意：这里可能需要根据实际情况调整URL和参数传递方式
					uni.navigateTo({
						url: `/pages/registerSubmit/registerSubmit?phone=${encodeURIComponent(phone)}` // 使用query参数传递，并编码URL
					});
				} else {
					// 如果手机号无效，显示错误消息
					uni.showToast({
						title: '请输入有效的手机号',
						icon: 'none',
						duration: 2000
					});
				}
			}
		}
	}
</script>

<style>
	@import url('registerGetCode.css');
</style>